<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页  班级博客</title>
    <!-- 引入清除默认样式的reset.css文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入我的班级页的myClass.css文件 -->
    <link rel="stylesheet" href="./css/myClass.css">
    <link rel="shortcut icon" href="./img/blog-sy/favicon.ico" type="image/x-icon">
</head>

<body>
    <%- include('./myClass/myClass-header.ejs')%>
    <!-- 中间内容区 -->
    <div class="centerNav">
        <!-- 左侧内容区 -->
        <div class="nav-left">
            <!-- 顶部用户头像及操作区域 -->
            <div class="user-entry">
                <img src="./images/myClass/sample_face.gif" class="avatar">
                <div class="user-entry-box">
                    <span class="user-entry-arrow"></span>
                    <!-- 发起投票 -->
                    <a href="/startVote" class="startVote">
                        <i class="iconfont">&#xe636;</i>
                        发起投票
                    </a>
                    <!-- 发布作业 -->
                    <a href="/publishJob" class="giveJob">
                        <i class="iconfont">&#xe607;</i>
                        发布作业
                    </a>
                    <!-- 班级结课 -->
                    <a href="javascript:;" class="class-over">
                        班级结课
                    </a>
                </div>
            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
            <!-- 最新动态区 -->
            <div class="nav-links">
                <!-- 最新博文 -->
                <a href="/myClassBlog" class="active">
                    <i class="iconfont">&#xe60c;</i>
                    最新博文
                </a>
                <!-- 最新评论 -->
                <a href="/myClassComment" class="comment" style="color: #333;border-bottom: 2px solid #4a8bee;">
                    <i class="iconfont">&#xe62b;</i>
                    最新评论
                </a>
                <!-- 所属校区 -->
                <button href="" class="from-school">
                    所属校区
                    <i class="iconfont">&#xe6db;</i>
                </button>
            </div>
            <!-- 最新评论区 -->
            <div class="new-comment-area">
                <!-- 没有评论时显示的文字 -->
                <h1 class="default">
                    <i class="iconfont">&#xe615;</i>
                    尚无成员发表评论，没有最新动态Orz..
                </h1>
            </div>
        </div>
        <!-- 右侧内容区 -->
        <div class="nav-right">
            <!-- 班级公告 -->
            <div class="section-notice">
                <div class="notice-top">
                    <a href="/historyNotice">
                        <i class="iconfont">&#xe60e;</i>
                        班级公告
                    </a>
                    <a href="javascript:;" class="announce-a">
                        <i class="iconfont">&#xe601;</i>
                        发布
                    </a>
                </div>
                <div class="bjgg">
                    <span id="announce-new-span">暂无班级公告</span>
                </div>
            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
            <!-- 最新作业 -->
            <div class="new-homework">
                <div class="new-homework-top">
                    <a href="javascript:;">
                        <i class="iconfont">&#xe628;</i>
                        最新作业
                    </a>
                </div>
                <span>暂无最新作业</span>
            </div>
            <!-- 最新投票 -->
            <div class="new-vote">
                <div class="new-vote-top">
                    <a href="javascript:;">
                        <i class="iconfont">&#xe631;</i>
                        最新投票
                    </a>
                </div>
                <span>暂无最新投票</span>
            </div>
            <!-- 班级成员 -->
            <div class="class-mate">
                <div class="class-mate-top">
                    <a href="javascript:;">
                        <i class="iconfont">&#xe627;</i>
                        班级成员(1)
                    </a>
                    <a href="javascript:;">
                        <i class="iconfont">&#xe609;</i>
                        添加
                    </a>
                </div>
                <!-- 分类 -->
                <div class="hx-left">
                    <span>老师</span>
                </div>
                <!-- 用户头像及文字 -->
                <div class="userA">
                    <img src="./images/myClass/sample_face.gif">
                    <span>乱世丶守望</span>
                </div>
                <!-- 分页左右按钮盒子 -->
                <div class="fenye">
                    <button class="list-left" id="leftBtn">&lt;</button>
                    <button class="list-right" id="rightBtn">&gt;</button>
                </div>
            </div>
            <!-- 热门博文 -->
            <div class="hot-text">
                <div class="hot-text-top">
                    <a href="javascript:;">
                        <i class="iconfont">&#xe623;</i>
                        热门博文
                    </a>
                </div>
                <span>暂无热门博文</span>
            </div>
        </div>
    </div>
    <!-- 清除浮动 -->
    <div class="clearfix"></div>
    <%- include('./myClass/myClass-foot.ejs')%>
    <%- include('./myClass/myClass-announce.ejs')%>
    <script src="./lib/jquery-3.3.1.js"></script>
    <script src="./lib/template/template-web.js"></script>
    <%- include('./template/show-oneAnnounce.ejs')%>
    <script src="./js/my-class.js"></script>
</body>

</html>